<template>
    <comment
      :commentNum=100
      commentWidth="100%"
      @doSend="doSend"
      @doChidSend="doChidSend"
      :placeholder="placeholder"
      :commentList="commentList"
    />
</template>

<script>
import comment from 'bright-comment'

export default {
  name: 'AntsLeaveMessage',
  components: {
    comment
  },
  props: {
    placeholder: {
      type: String,
      default: '请留下您的意见和建议，注意点哈，不要出现不必要的敏感词汇！',
      required: false
    },
    commentList: {
      type: Array,
      required: true
    }
  },
  data(){
    return {

    }
  },
  created() {
    // console.log('this.commentList', this.commentList)
  },
  methods: {
    // 	评论内容
    doSend(content) {
      this.$emit('doSend', content)
    },
    // 评论内容,被评论用户id,父级评论id
    doChidSend(text, targetUserId, parentId) {
      this.$emit('doChidSend', text, targetUserId, parentId)
    }
  }
}
</script>

<style>
.hbl-comm {
  padding: 0 !important;
}

.comment-avatar {
  display: none !important;
}

.comm {
  display: none !important;
}

.body {
  background: white !important;
}

.OwO-body {
  position: static !important;
}


.emoj {
  width: 100% !important;
}

.OwO-items {
   max-height: 197px !important;
}
</style>
